<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>提取车间更衣室外看板</title>
<link rel="stylesheet" th:href="@{/js/bootstrap/bootstrap.min.css}"></link>
<link rel="stylesheet" th:href="@{css/main.css}" />

<style type="text/css">
	html,body{  
	    margin:0;  
	    padding:0;  
	    width: 100%;  
	    height: 100%;  
	}
	
	.container-fluid{
		padding-right : 0px;
		padding-left : 0px;
	}

</style>
</head>
<body style="height: 100%; margin: 0" >
	<div class="container-fluid big_div">
	
		<input type="text" hidden="hiddent" th:value="${timer}" id="timer_million"/>
		<input type="text" hidden="hiddent" th:value="${url}" id="timer_url"/>
		<input type="text" hidden="hiddent" th:value="${distanceTimes}" id="distanceTimes"/>
		<input type="text" hidden="hiddent" th:value="${pollingConfigVo.headFontSize}" id="headFontSize"/>
		<input type="text" hidden="hiddent" th:value="${pollingConfigVo.thFontSize}" id="thFontSize"/>
		<input type="text" hidden="hiddent" th:value="${pollingConfigVo.tdFontSize}" id="tdFontSize"/>
		<!-- 页面上部 -->
		<div class="head_div">
			<div class="logo col-md-4" >
	  			<img th:src="@{/img/tableHead.png}">
	  		</div>
	  		<div class="textDiv col-md-4" th:text="${pollingConfigVo.kanbanPoition}"></div>
	  		<div class="textDiv col-md-4" th:text="${date}"></div>
		</div>
		
		<!-- echarts图 -->
		<div class="top_half" >
		
			<div class="col-md-4">
				<div class="div_md-4_border">
					<!-- <span></span>
			        <span></span>
			        <span></span>
			        <span></span> -->
					<div id="product_schedule" style="width: 100%;" ></div>
				</div>
			</div>

			<div class="col-md-4">
				<div class="div_md-4_border">
					<!-- <span></span>
			        <span></span>
			        <span></span>
			        <span></span> -->
					<div id="time_schedule" style="width: 100%;"></div>
				</div>
			</div>

			<div class="col-md-4">
				<div class="div_md-4_border" >
			<!-- 		<span></span>
			        <span></span>
			        <span></span>
			        <span></span> -->
					<div id="week_yield" style="width: 100%;"></div>
				</div>
			</div>
		</div>
		
		<!-- table -->
		<div class="col-md-12 bottom_half" >
			<table width="100%">
				<thead>
					<tr>
						<th>生产线</th>
						<th>状态</th>
						<th>操作人</th>
						<th>订单号</th>
						<th>工序</th>
						<th>在产产品名</th>
						<th>在产批次</th>
						<th>计划产量（kg）</th>
						<th>目前产量</th>
						<th>产量进度</th>
						<th>时间进度</th>
						<th>当周计划产量</th>
						<th>当周产量进度</th>
					</tr>
				</thead>
				<tbody id="kbTable">
				</tbody>
			</table>
		</div>
	</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/js/echart/echarts.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{js/echart/theme/dark.js}"></script>
<script type="text/javascript" th:src="@{js/common.js}"></script>
<script type="text/javascript" th:src="@{js/m/table.js}"></script>
</html>